<div class="el-carousel el-carousel--horizontal" ng-class="{'el-carousel--card': type === 'card'}"
  ng-style="{height: containerHeight}">
  <div class="el-carousel__container" ng-mouseenter="handleMouseEnter()" ng-mouseleave="onMouseleave()">
    <ng-transclude></ng-transclude>
    <!-- 导航箭头 -->
    <button type="button" class="el-carousel__arrow el-carousel__arrow--left" ng-click="prev()" ng-if="(arrow !== 'never') && 
      (arrow === 'always' || (arrow === 'hover' && showArrow))">
      <i class="el-icon-arrow-left"></i>
    </button>
    <button type="button" class="el-carousel__arrow el-carousel__arrow--right" ng-click="next()" ng-if="(arrow !== 'never') && 
      (arrow === 'always' || (arrow === 'hover' && showArrow))">
      <i class="el-icon-arrow-right"></i>
    </button>
  </div>

  <!-- 指示器 -->
  <ul class="el-carousel__indicators el-carousel__indicators--horizontal" ng-if="indicator === 'true'">
    <li class="el-carousel__indicator el-carousel__indicator--horizontal" ng-repeat="item in items track by $index"
      ng-class="{'is-active': $index === activeIndex}" ng-click="setActiveItem($index)">
      <button class="el-carousel__button">
      </button>
    </li>
  </ul>
</div>
